<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Timing</title>
    <link rel="stylesheet" href="../swiper-6.7.5/swiper-master/package/swiper-bundle.min.css">
    <script src="../swiper-6.7.5/swiper-master/package/swiper-bundle.min.js"></script>
    <link rel="stylesheet" media="screen and (min-width: 1280px)" href="../css/b_Timing.css">
    <link rel="stylesheet" media="screen and (max-width: 1279px) and (min-width:796px)" href="../css/m_Timing.css">
    <link rel="stylesheet" media="screen and (max-width: 795px)" href="../css/s_Timing.css">
    <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
</head>

<body>
    <div class="timing">
        <div class="nav">
            <div class="left">
                <img src="../images/logo.png" alt="">
                <p>踢米(Timing)</p>
            </div>
            <div class="right">
                <img src="../images/weibo.png" alt="">
                <img src="../images/email.png" alt="">
            </div>
        </div>
        <div class="main">
            <div class="container">
                <div class="left">
                    <h2>连线搞一切</h2>
                    <p>和朋友一起连线学习、游戏、看比赛、闲聊......</p>
                    <div class="pic">
                        <div>
                            <img src="../images/AppStore.png" alt="">
                            <img src="../images/Android.png" alt="">
                        </div>
                        <img src="../images/pcDownload.png" alt="">
                    </div>
                    <div class="footer">
                        <p class="corporate_name"> ©2016-2019 踢米(Timing)360.com
                            武汉氪细胞网络技术有限公司<br>
                            鄂ICP备17013082号-1<br></p>
                        <p>
                            <a href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=42010202001767">
                                <img class="ga" src="http://www.timing360.com/images/site/v3/ga.png">
                                鄂公网安备 42010202001767号
                            </a>
                        </p>
                    </div>
                </div>
                <div class="right">
                    <div class="swiper-container">
                        <div class="swiper-wrapper">
                            <div class="swiper-slide" data-swiper-autoplay="2000">
                                <img src="../images/pc-img1.png" alt="">
                                <div>
                                    <h2>连线搞一切</h2>
                                    <p>学习、游戏、手工、看比赛...<br />都可以来连线</p>
                                </div>
                            </div>
                            <div class="swiper-slide" data-swiper-autoplay="2000">
                                <img src="../images/pc-img2.png" alt="">
                                <div>
                                    <h2>个人频道</h2>
                                    <p>与好友间的私密连线空间</p>
                                </div>
                            </div>
                            <div class="swiper-slide" data-swiper-autoplay="2000">
                                <img src="../images/pc-img3.png" alt="">
                                <div>
                                    <h2>加入群频道</h2>
                                    <p>来踢米，找组织</p>
                                </div>
                            </div>
                            <div class="swiper-slide" data-swiper-autoplay="2000">
                                <img src="../images/pc-img4.png" alt="">
                                <div>
                                    <h2>正能量道友圈</h2>
                                    <p>认识新朋友</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="mobile-box">
                <div class="mobile">
                    <div class="swiper-container">
                        <div class="swiper-wrapper">
                            <div class="swiper-slide" data-swiper-autoplay="3000">
                                <h2>连线搞一切</h2>
                                <p>学习、游戏、手工、看比赛...<br />都可以来连线</p>
                                <span>下载踢米(Timing)</span>
                                <img src="../images/mob-img1.png" alt="">
                                <div class="bubble bubbleAppear">
                                    <h2>连线搞一切</h2>
                                    <p>学习、游戏、手工、看比赛...<br />都可以来连线</p>
                                </div>
                            </div>
                            <div class="swiper-slide" data-swiper-autoplay="3000">
                                <h2>连线搞一切</h2>
                                <p>学习、游戏、手工、看比赛...<br />都可以来连线</p>
                                <span>下载踢米(Timing)</span>
                                <img src="../images/mob-img2.png" alt="">
                                <div class="bubble bubbleAppear">
                                    <h2>个人频道</h2>
                                    <p>与好友间的私密连线空间</p>
                                </div>
                            </div>
                            <div class="swiper-slide" data-swiper-autoplay="3000">
                                <h2>连线搞一切</h2>
                                <p>学习、游戏、手工、看比赛...<br />都可以来连线</p>
                                <span>下载踢米(Timing)</span>
                                <img src="../images/mob-img3.png" alt="">
                                <div class="bubble bubbleAppear">
                                    <h2>加入群频道</h2>
                                    <p>来踢米，找组织</p>
                                </div>
                            </div>
                            <div class="swiper-slide" data-swiper-autoplay="3000">
                                <h2>连线搞一切</h2>
                                <p>学习、游戏、手工、看比赛...<br />都可以来连线</p>
                                <span>下载踢米(Timing)</span>
                                <img src="../images/mob-img4.png" alt="">
                                <div class="bubble bubbleAppear">
                                    <h2>正能量道友圈</h2>
                                    <p>认识新朋友</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="footer">
                    <p class="corporate_name"> ©2016-2019 踢米(Timing)360.com
                        武汉氪细胞网络技术有限公司<br>
                        鄂ICP备17013082号-1<br></p>
                    <p>
                        <a href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=42010202001767">
                            <img class="ga" src="http://www.timing360.com/images/site/v3/ga.png">
                            鄂公网安备 42010202001767号
                        </a>
                    </p>
                </div>
            </div>
        </div>
    </div>

    <script>
        var mySwiper = new Swiper('.swiper-container', {
            autoplay: true,//可选选项，自动滑动
            loop: true,
            onSlideNextStart: function (swiper) {
                $(".bubble").removeClass("bubbleAppear");
                $(".bubble").addClass("bubbleAppear");
                console.log("1111111");
            }
        })


        //如果你初始化时没有定义Swiper实例，后面也可以通过Swiper的HTML元素来获取该实例
        // new Swiper('.swiper-container')
        // var mySwiper = document.querySelector('.swiper-container').swiper
        // mySwiper.slideNext();

    </script>
</body>

</html>